<template>
  <div>
    <div class="bottom_content">
<!--      <div class="content">-->
<!--        <div class="bottom_company_content">-->
<!--          <div>-->
<!--            <img src="http://rzico-weex.oss-cn-hangzhou.aliyuncs.com/images/pcLogo.png" class="company_logo">-->
<!--          </div>-->
<!--          <span class="bottom_company_name">芸助手</span>-->
<!--          <span class="bottom_company_tittle">新零售全渠道解决方案提供商</span>-->
<!--        </div>-->
<!--        <div class="bottom_center_content">-->
<!--          <div class="bottom_center">-->
<!--            <div class="bottom_center_item">-->
<!--              <span class="bottom_center_item_text">产品与服务</span>-->
<!--              <span class="bottom_center_item_text" @click="ydsClick">芸订水</span>-->
<!--              <span class="bottom_center_item_text" @click="ysdClick">芸商店</span>-->
<!--              <span class="bottom_center_item_text" @click="yddClick">芸点单</span>-->
<!--              <span class="bottom_center_item_text" @click="yccClick">芸车场</span>-->
<!--&lt;!&ndash;              <span class="bottom_center_item_text">版本与价格</span>&ndash;&gt;-->
<!--            </div>-->
<!--            <div class="bottom_center_item">-->
<!--              <span class="bottom_center_item_text">关于我们</span>-->
<!--              <span class="bottom_center_item_text">公司简介</span>-->
<!--              <span class="bottom_center_item_text">企业文化</span>-->
<!--              <span class="bottom_center_item_text">管理团队</span>-->
<!--              <span class="bottom_center_item_text">发展历程</span>-->
<!--              <span class="bottom_center_item_text">资深与荣誉</span>-->
<!--              <span class="bottom_center_item_text">联系我们</span>-->

<!--            </div>-->
<!--          </div>-->

<!--          <div class="bottom_center">-->
<!--            <div class="bottom_center_item">-->
<!--              <span class="bottom_center_item_text">媒体中心</span>-->
<!--              <span class="bottom_center_item_text">公司新闻</span>-->
<!--              <span class="bottom_center_item_text">行业新闻</span>-->
<!--              <span class="bottom_center_item_text">市场活动</span>-->
<!--            </div>-->
<!--            <div class="bottom_center_item">-->
<!--              <span class="bottom_center_item_text">服务支持</span>-->
<!--              <span class="bottom_center_item_text" @click="downloadClick">下载中心</span>-->
<!--              <span class="bottom_center_item_text">合作伙伴</span>-->
<!--              <span class="bottom_center_item_text">商家学院</span>-->
<!--            </div>-->

<!--          </div>-->
<!--          <div class="bottom_center">-->
<!--          <div class="bottom_center_item">-->
<!--            <span class="bottom_center_item_text" @click="courseClick">软件教程</span>-->
<!--            <span class="bottom_center_item_text" @click="addorderClick">APP报单</span>-->
<!--            <span class="bottom_center_item_text" @click="serviceorderClick">APP送达</span>-->
<!--            <span class="bottom_center_item_text" @click="checkorderClick">APP核销</span>-->
<!--            <span class="bottom_center_item_text" @click="pcAddClick">PC报单</span>-->
<!--            <span class="bottom_center_item_text" @click="pcCheckClick">PC核销</span>-->
<!--&lt;!&ndash;            <span class="bottom_center_item_text" @click="serviceorderClick">PC退货</span>&ndash;&gt;-->
<!--          </div>-->
<!--&lt;!&ndash;          <div class="bottom_center_item">&ndash;&gt;-->
<!--&lt;!&ndash;            <span class="bottom_center_item_text" @click="Click">商品档案</span>&ndash;&gt;-->
<!--&lt;!&ndash;            <span class="bottom_center_item_text" @click="Click">客户档案</span>&ndash;&gt;-->
<!--&lt;!&ndash;            <span class="bottom_center_item_text" @click="checkorderClick">PC</span>&ndash;&gt;-->
<!--&lt;!&ndash;            <span class="bottom_center_item_text" @click="pcAddClick">PC报单</span>&ndash;&gt;-->
<!--&lt;!&ndash;            <span class="bottom_center_item_text" @click="pcCheckClick">PC核销</span>&ndash;&gt;-->
<!--&lt;!&ndash;          </div>&ndash;&gt;-->
<!--          </div>-->
<!--        </div>-->
<!--        <div class="bottom_right_content">-->
<!--          <div class="call_content">-->
<!--            <span class="company_phont">客服热线：</span><br>-->
<!--            <span  class="company_phont">138 6043 1130</span>-->
<!--          </div>-->
<!--          <div  class="bottom_extension_box">-->
<!--            <div class="extension_item">-->
<!--              <div class="bottom_right_extension">-->
<!--                <img src="http://rzico-weex.oss-cn-hangzhou.aliyuncs.com/portal/bottom/official_accoiunt.jpg" class="bottom_right_extension">-->
<!--              </div>-->
<!--              <span class="extension_title">关注芸助手公众号</span>-->
<!--            </div>-->
<!--            <div class="extension_item">-->
<!--              <div class="bottom_right_extension">-->
<!--                <img src="http://rzico-weex.oss-cn-hangzhou.aliyuncs.com/portal/bottom/app.png" class="bottom_right_extension">-->
<!--              </div>-->
<!--              <span class="extension_title">下载芸助手APP</span>-->
<!--            </div>-->

<!--          </div>-->
<!--          <span class="callMe_title" >客服支持：1475935164@qq.com</span>-->
<!--          <span class="callMe_title" >业务合作：30355701@qq.com</span>-->
<!--        </div>-->
<!--      </div>-->

      <div class="company_info_content">
        <span class="callMe_title  callMe_title1"><a href="tel:13860431130">联系电话: 13860431130</a></span>
        <span class="callMe_title  callMe_title1" style="margin-bottom: 10px">地址：厦门市思明区龙山南路84-4号（赛伯乐大厦）213号</span>
        <span class="callMe_title">地址：厦门市思明区龙山南路84-4号（赛伯乐大厦）213号  电话:13860431130</span>
        <span  class="callMe_title">©版权所有：睿商(厦门)科技股份有限公司 <a href="https://beian.miit.gov.cn/">闽ICP备13006726号</a>  </span>
      </div>
    </div>

  </div>
</template>

<script>
  export default {
    name: 'bottom',
    created() {

    },
    methods:{
      //产品介绍
      ydsClick(){
        this.$emit('productClick','product','0')//芸订水
      },
      ysdClick(){
        this.$emit('productClick','product','1')//芸商店
      },
      yddClick(){
        this.$emit('productClick','product','2')//芸点单
      },
      yccClick(){
        this.$emit('productClick','product','3')//芸车场
      },
      //下载中心
      downloadClick(){
        this.$emit('downloadClick','downloadCenter',)
      },
      //教程
      courseClick(){
        this.$emit('courseClick','course','1')//页面
      },
      // APP
      addorderClick(){
        this.$emit('courseClick','course','1-1')//报单
      },
      serviceorderClick(){
        this.$emit('courseClick','course','1-2')//送达
      },
      checkorderClick(){
        this.$emit('courseClick','course','1-3')//核销
      },
      // PC
      pcAddClick(){
        this.$emit('courseClick','course','2-1')//报单
      },
      pcCheckClick(){
        this.$emit('courseClick','course','2-2')//核销
      }
    }
  }
</script>

<style scoped>
  @media (max-width: 1199px){
    .bottom_content{
      width: 100%;
      /*display: flex;*/
      /*flex-direction: column;*/
      padding-right: 10px;
      padding-left: 10px;
      /*justify-content: center;*/
      /*align-items: center;*/
      background-color: #161e30;
      padding-top: 20px;
      padding-bottom: 12px;
      /*display: none; */
    }
    .bottom_center{
      width: 330px;
      justify-content: space-between;
      display: flex;
    }
    .bottom_company_content{
      display: none;
    }
    .extension_item{
      display: flex;
      align-items: center;
      flex-direction: column;
      margin-top: 10px;
      margin-right: 10px;
    }
    .company_logo{
      height: 30px;
      width: 30px;
    }
    .bottom_company_name{
      margin-top: 5px;
      font-size: 16px;
      font-family: STLiti;
      font-weight: 400;
      color: #FCFCFC;
    }
    .call_content{
      display: flex;
      justify-content: center;
      align-items: center;
    }
    .bottom_company_tittle{
      font-size: 7px;
      font-family: Microsoft YaHei;
      font-weight: 400;
      color: #FFFFFF;
    }
    .bottom_center_content{
      width: 330px;
      display: flex;
      /*margin-left: 45px;*/
      flex-wrap: wrap;
      /*flex-direction: column;*/
      justify-content: space-evenly;
      /*align-items: center;*/
    }
    .bottom_center_item{
      margin-right: 5px;
    }
    .bottom_center_item_text{
      color: white;
      display: block;
      font-size: 13px;
      margin-bottom: 10px;
      cursor:pointer
    }
    .company_phont{
      color: white;
      font-size: 15px;
      font-weight: 600;
      margin-top: 5px
    }
    .bottom_right_extension{
      height: 36px;
      background-color: rgb(248,248,248);
      width: 36px;
    }
    .extension_title{
      color: white;
      font-size: 8px;
      margin-top: 10px;
    }
    .bottom_extension_box{
      display: flex;
      justify-content: space-between;
      margin-top: 10px;
    }
    .callMe_title{
      display: none;
    }
    .callMe_title1 {
      text-align: center;
      font-size: 13px;
      color: white;
      display: block;
      margin-top: 8px;
    }
  }
  @media (min-width: 1200px){
    .content{
      display: flex;
      justify-content: space-between;
      width: 1200px;

    }
    .bottom_center{
      width: 100%;
      justify-content: space-between;
      display: flex;
    }
    .company_phont{
      color: white;
      font-size: 24px;
      font-weight: 600;
      margin-top: 5px
    }
    .bottom_content{
      width: 100%;
      display: flex;
      flex-direction: column;
      padding-right: 20px;
      padding-left: 20px;
      justify-content: center;
      align-items: center;
      background-color: #161e30;
      padding-top: 63px;
      padding-bottom: 25px;

    }
    .bottom_company_content{
      width: 200px;
      margin-right: 20px;
      margin-left: 20px;
      display: flex;
      flex-direction: column;
      align-items: center;

    }
    .company_logo{
      height: 65px;
      width: 65px;
    }
    .bottom_company_name{
      margin-top: 10px;
      font-size: 32px;
      font-family: STLiti;
      font-weight: 400;
      color: #FCFCFC;
    }
    .bottom_company_tittle{
      font-size: 7px;
      font-family: Microsoft YaHei;
      font-weight: 400;
      color: #FFFFFF;
    }
    .bottom_center_content{
      display: flex;
      margin-left: 90px;
      /*flex-direction: column;*/
      justify-content: space-between;
      /*align-items: center;*/
    }
    .bottom_center_item{
      margin-right: 30px;
    }
    .bottom_center_item_text{
      color: white;
      display: block;
      width: 70px;
      font-size: 13px;
      margin-bottom: 10px;
      cursor:pointer
    }
    .bottom_right_content{
      margin-left: 20px;
      margin-right: 20px;
      display: flex;
      width: 210px;
      flex-direction: column;
      justify-content: space-between;
    }
    .bottom_right_extension{
      height: 72px;
      background-color: rgb(248,248,248);
      width: 72px;
    }
    .bottom_extension_box{
      display: flex;
      justify-content: space-between;
      margin-top: 10px;
    }
    .extension_title{
      color: white;
      font-size: 8px;
    }
    .callMe_title{
      font-size: 11px;
      color: white;
      display: block;
      margin-top: 8px;
    }
    .callMe_title1 {
      display: none;
    }
    .company_info_content{
      margin-top: 35px;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
    }
  }

</style>
